<!--
 * @Descripttion: 
 * @version: 
 * @Author: lyw
 * @Date: 2022-02-15 23:51:29
 * @LastEditors: lyw
 * @LastEditTime: 2022-02-17 16:39:06
-->
<template>
  <div class="supply">
    <div class="main">
      <el-container>
        <div
          style="
            border: 1px #000000 solid;
            margin-left: 10px;
            width: 170px;
            margin-top: 10px;
          "
        >
          <img
            src="../assets/portrait.jpeg"
            height="150px"
            width="150px"
            style="margin-left: 10px"
          />
          <div style="margin-left: 20px">企业名称</div>
          <div style="margin-left: 20px">主营业务</div>
        </div>
      </el-container>
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page.sync="currentPage"
        :page-size="100"
        layout="prev, pager, next, jumper"
        :total="500"
        style="margin-left: 200px; margin-top: 50px"
      >
      </el-pagination>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentPage: 1,
    };
  },
  methods: {
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`);
    },
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`);
    },
  },
};
</script>

<style scoped>
.supply {
  background: #f0eded;
  height: 300px;
  margin-top: 20px;
}
</style>